/* ::::: http://html.v5portal.com/mobile-template/yixun-red/css/common.css ::::: */

* { margin: 0px; padding: 0px; vertical-align: baseline; }
img { border: 0px none; }
i, em { font-style: normal; }
ol, ul { list-style: none outside none; }
input, img { vertical-align: middle; }
a { text-decoration: none; color: rgb(51, 51, 51); }
body { margin: 0px auto; min-width: 320px; max-width: 640px; height: 100%; background: url('../imgs/repeat.png') repeat scroll 0px 0px / 16px 16px transparent; font-size: 14px; font-family: "微软雅黑","Microsoft YaHei",Helvetica,Arial,sans-serif; line-height: 1.5; color: rgb(102, 102, 102); }
.h30 { height: 40px; }
/* ::::: http://html.v5portal.com/mobile-template/yixun-red/font/css/font-awesome.css ::::: */

@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	src: url('fontawesome-webfont.eot') format("embedded-opentype"), url('fontawesome-webfont.woff') format("woff"), url('fontawesome-webfont.ttf') format("truetype"), url('fontawesome-webfont.svg') format("svg");
}
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; }
.fa-heart:before { content: ""; }
.fa-th:before { content: ""; }
.fa-clock-o:before { content: ""; }
.fa-tags:before { content: ""; }
.fa-shopping-cart:before { content: ""; }
.fa-angle-left:before { content: ""; }
/* ::::: http://html.v5portal.com/mobile-template/yixun-red/css/mall.css ::::: */

.WX_me_btn:before, .WX_me_btn:after, .WX_cat_btn:before, .WX_cat_btn:after, .WX_me_order:before, .WX_me_favour:before, .WX_bar_back a:after, .WX_backtop:after { content: " "; background-image: url('../imgs/gb.png'); background-repeat: no-repeat; background-size: 250px 125px; }
.WX_cat_pop { position: absolute; left: 0px; top: 78px; right: 0px; background-color: rgb(244, 244, 244); z-index: 10; }
.WX_cat_btn-arrow { position: absolute; left: 50%; margin-left: -39%; top: -7px; width: 14px; height: 7px; background: url('../imgs/gb.png') no-repeat scroll -106px 0px / 250px 125px transparent; }
.WX_cat_list { padding: 10px 5px; border-top: 1px solid rgb(204, 204, 204); }
.user_nav .user_nav_list li .WX_cat_list a { background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); margin: 5px; border-radius: 3px; box-sizing: border-box; color: rgb(153, 153, 153); }
.user_nav .user_nav_list li .WX_cat_list a:hover { color: rgb(255, 255, 255); border: 1px solid rgba(85, 187, 117, 1); background: none repeat scroll 0% 0% rgba(85, 187, 117, 1); }
.WX_cat_list a { float: left; padding: 10px 0px; width: 30%; text-align: center; line-height: 16px; font-size: 14px; }
.WX_cat_list a:active { background-color: rgba(0, 0, 0, 0.2); }
.WX_cat_list a:before { display: block; margin: auto; width: 50px; height: 50px; }
.WX_backtop { display: none; overflow: hidden; position: fixed; z-index: 100; right: 10px; bottom: 60px; width: 45px; height: 45px; background-color: rgba(0, 0, 0, 0.4); text-indent: -999px; }
.WX_backtop:after { position: absolute; top: 50%; left: 50%; margin: -7px 0px 0px -11px; width: 23px; height: 15px; background-position: -120px 0px; }
.jx { overflow-x: hidden; }
.jx_list { padding: 0px 10px; margin-bottom: 10px; }
.jx_g { background: none repeat scroll 0% 0% rgb(243, 243, 243); margin-bottom: 20px; }
.jx_g:last-child { margin-bottom: 0px; }
.jx_g_img { background: none repeat scroll 0% 0% rgb(255, 255, 255); position: relative; overflow: hidden; }
.jx_g_img img { display: block; margin: auto; width: 100%; height: auto; }
.jx_g_info { position: relative; padding: 10px; }
.jx_g_title { margin-bottom: 7px; line-height: 21px; }
.jx_g_title a { color: rgb(58, 58, 58); font-size: 14px; }
.jx_g_price { line-height: 18px; }
.jx_g_price_wx { margin-right: 10px; }
.jx_g_price_wx span { color: rgba(85, 187, 117, 1); font-size: 18px; margin-left: 5px; display: inline-block; vertical-align: top; }
.jx_g_price_wx span i { margin-right: 3px; }
.jx_g_price_market { display: block; color: rgb(204, 204, 204); }
.jx_g_btn { position: absolute; right: 10px; bottom: 15px; width: 100px; }
.jx_map { margin: 0px 0px 20px; overflow: hidden; }
.jx_map_bd { height: auto; overflow: hidden; background: none repeat scroll 0% 0% rgb(243, 243, 243); }
.jx_map_bd a { background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px; margin: 5px; box-sizing: border-box; color: rgb(153, 153, 153); }
.jx_map_bd a:hover { border: 1px solid rgba(85, 187, 117, 1); background: none repeat scroll 0% 0% rgba(85, 187, 117, 1); color: rgb(255, 255, 255); }
.WX_btn { display: inline-block; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: rgb(255, 255, 255); border: 1px solid rgba(85, 187, 117, 1); border-radius: 3px; background: -moz-linear-gradient(center top , rgba(85, 187, 117, 1), rgba(85, 187, 117, 1)) repeat scroll 0% 0% transparent; background-color:rgba(85, 187, 117, 1); }
.WX_btn:active { border: 1px solid rgb(66, 129, 21); background: -moz-linear-gradient(center top , rgb(229, 74, 79), rgb(212, 56, 61)) repeat scroll 0% 0% transparent; }
.box { width: 100%; }
.user_index { width: 100%; margin: 0px auto; overflow: hidden; position: relative; background: none repeat scroll 0% 0% rgb(0, 0, 0); }
.user_header { background: none repeat scroll 0% 0% rgba(51, 51, 51, 0.7); text-align: right; color: rgb(191, 191, 191); line-height: 18px; padding: 8px; }
.user_header span { padding: 0px 5px; vertical-align: middle; }
.user_header a { color: rgb(191, 191, 191); font-size: 14px; }
.user_nav { width: 100%; padding: 0px; position: relative; }
.user_nav .user_nav_list { display: block; font-size: 0px; line-height: 0; width: 100%; }
.user_nav .user_nav_list li { width: 25%; display: inline-block; margin: 0px; float: left; background: none repeat scroll 0% 0% rgba(85, 187, 117, 1); }
.user_nav .user_nav_list li a { display: block; padding: 0.8rem 2.5% 0.6rem; line-height: 2rem; text-align: center; outline-style: none; font-size: 14px; }
.user_nav .user_nav_list li span { font-size: 3.8rem; color: rgb(255, 255, 255); display: block; margin-bottom: 0.2rem; }
.user_nav .user_nav_list li a { color: rgb(255, 255, 255); }
.user_nav .user_nav_list li a:hover { background: none repeat scroll 0% 0% rgba(85, 187, 117, 1); }
.user_itlist .uitlist li:nth-child(n) { margin: 0.5rem 2% 0.2rem 3%; }
.user_itlist .uitlist li:nth-child(2n) { margin: 0.5rem 0px 0.2rem 1%; }
.user_nav { width: 100%; padding: 0px; position: relative; }
.user_nav .user_nav_list { display: block; font-size: 0px; line-height: 0; width: 100%; }
.user_nav .user_nav_list li { width: 25%; display: inline-block; margin: 0px; float: left; background: none repeat scroll 0% 0% rgba(85, 187, 117, 1); }
.user_nav .user_nav_list li a { display: block; padding: 10px 0px; line-height: 16px; text-align: center; outline-style: none; font-size: 14px; }
.user_nav .user_nav_list li span { font-size: 40px; color: rgb(255, 255, 255); display: block; margin-bottom: 0.2rem; }
.user_nav .user_nav_list li a:hover { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); }
.user_nav .user_nav_list li a:active { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); }
.user_itlist_nb .title { display: block; padding: 10px; position: relative; }
.user_itlist_nb .title h2 { font-size: 18px; color: rgba(85, 187, 117, 1); font-weight: bold; }
.main_title { background: none repeat scroll 0% 0% rgb(255, 255, 255); position: fixed; z-index: 99; top: 0px; left: 0px; width: 100%; height: 38px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }
.main_title h2 { text-align: center; color: rgb(153, 153, 153); font-size: 18px; line-height: 38px; font-weight: bold; }
.main_title .go-back { position: absolute; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(153, 153, 153); border-radius: 12px; font-size: 1.4rem; display: block; width: 24px; height: 24px; text-align: center; line-height: 20px; top: 7px; left: 8px; }
/* ::::: http://html.v5portal.com/distribution/css/PreFoot.css ::::: */

.h50 { height: 50px; }
.fixed { width: 100%; left: 0px; position: fixed; top: 0px; z-index: 99; }
.sub-nav dt, .sub-nav dd, .sub-nav li { float: left; display: inline; margin-left: 1rem; margin-bottom: 0.625rem; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; font-size: 0.875rem; color: rgb(153, 153, 153); }
.fixed.bottom { bottom: 0px; top: auto; }
.sub-nav.nav-b3 { height: 50px; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(17, 17, 17); opacity: 0.8; }
.sub-nav.nav-b3 dd { margin: 0px; width: 33.3333%; text-align: center; }
.sub-nav.nav-b3 dd a { display: block; height: 50px; padding: 0px; font-size: 10px; overflow: hidden; color: rgb(181, 181, 181); }
.sub-nav.nav-b3 dd.active a { color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(0, 0, 0); border-radius: 0px; }
.sub-nav.nav-b3 dd a:hover { background: none repeat scroll 0% 0% rgb(0, 0, 0); }
.sub-nav.nav-b3 dd a .icon-store, .sub-nav.nav-b3 dd a .icon-distribusion, .sub-nav.nav-b3 dd a .icon-commision, .sub-nav.nav-b3 dd a .icon-member { display: block; margin: 6px auto 2px; width: 20px; height: 20px; background: url('../imgs/distribution2.png') no-repeat scroll 0% 0% / 300px 1000px transparent; }
.sub-nav.nav-b3 dd a .icon-store { background-position: 0px -357px; }
.sub-nav.nav-b3 dd a .icon-distribusion { background-position: -40px -357px; }
.sub-nav.nav-b3 dd a .icon-member { background-position: -120px -357px; }
.sub-nav.nav-b3 dd.active a .icon-store { background-position: 0px -387px; }
/* ::::: http://10001shop.ming-bo.net/Template/template2/css/scroll.css ::::: */

a, img, button, input, select { outline: 0px none; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0px; padding: 0px; vertical-align: baseline; }
img { border: 0px none; vertical-align: top; }
i, em { font-style: normal; }
ol, ul { list-style: none outside none; }
input, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
body { margin: 0px auto; min-width: 320px; max-width: 640px; height: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 14px; line-height: 1.5; color: rgb(102, 102, 102); }
.shop_slider { background-color: rgb(225, 225, 225); position: relative; }
.shop_slider .inner { width: 100%; height: 160px; overflow: hidden; position: relative; }
.shop_slider .pic_list { width: 800%; position: absolute; }
.shop_slider .pic_list li { float: left; width: 320px; height: 160px; position: relative; }
.shop_slider .pic_list img { width: 320px; }
.shop_slider .bar_wrap { width: 100%; height: 18px; position: absolute; bottom: 20px; left: 0px; right: 0px; z-index: 20; text-align: center; }
.shop_slider .bar { display: inline-block; padding: 0px 4px; min-width: 58px; height: 18px; overflow: hidden; text-align: center; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); border-radius: 10px; }
.shop_slider .bar li { display: inline-block; margin: 5px 3px; width: 8px; height: 8px; background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 0.5; border-radius: 5px; cursor: pointer; }
.shop_slider_auto .inner { height: auto; }
.shop_slider_auto .pic_list { position: static; }
.shop_slider_auto .pic_list li { width: 100%; height: auto; -moz-user-select: none; }
.shop_slider_auto .pic_list li img { display: block; width: 100%; }
